<template>
    <div class="SearchNoresults">
        <div class="head"> 
            <i class="yo-ico" @click="clickBackHandle">&#xe60c;</i>
            <input type="text" placeholder="没有找到相关结果">
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';

    export default({
        data() {
           return {

           }
        },
        methods: {
            clickBackHandle() {
                this.$router.back();
            },
            
        },
    })
</script>

<style  lang="stylus" scoped>
    .SearchNoresults
        display flex
        flex-direction column
        width 100%
        height 100vh
        padding 0 6%
        margin-top 9%

        .head
            height 10%
            line-height 10%
            i 
                padding 0 10px 0 5px
                font-weight 900
            input 
                border-radius .2rem
                border none
                background-color #f2f2f2
                height 50%
                width 89%
                padding-left 3%

            input::-webkit-input-placeholder
                font-size 12px
                color #000
                font-weight 100

</style>